<template>
	<h3>祖父组件</h3>
	<ProvideParent></ProvideParent>
</template>

<script setup>
	import ProvideParent from './ProvideParent.vue'
	import {ref,provide} from 'vue'
	//定义要传递给后代组件的数据
	//对于父组件而言，如果要为后代组件提供数据，需要使用provide()函数。
	//语法：provide(注入名, 注入值)
	//第1个参数是注入名，后代组件会通过注入名查找所需的注入值；
	//第2个参数是注入值，值可以是任意类型，包括响应式数据，例如通过ref()函数创建的数据
	const redbag=ref(100)
	let updatebag=(value)=>{
		redbag.value +=value
	}
	
	provide('redbag',redbag)
	provide('updatebag',updatebag)
</script>

<style scoped>
</style>